// 新的特性use

import { use } from "react";
import { getChannels } from "../apis/getChaneel";
import { AppContext } from "../App";

// use 是一个 React API，它可以让你读取类似于 Promise 或 context 的资源的值。
function UseHooksApi() {
  // 接受的是属性
  const sonContext = use(AppContext);
  const theme = use(getChannels);
  console.log(theme, sonContext);
  console.log(22222);
  const item = theme.data.data.channels;

  return (
    <div>
      {item.map((item: any) => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

export default UseHooksApi;
